const defaultSettings = require('./src/config/index.js')

// 首页Title
const name = defaultSettings.title || 'vue mobile template'

module.exports = {
    lintOnSave: false,
    // 配置二级域名，http://quancloud.com/admin，对应nginx /admin
    publicPath:"/",
    devServer: {
        port: 8587,
        disableHostCheck: true
    },

    // css相关配置
    css: {
        // 启用 CSS modules
        modules: false,
        // 是否使用css分离插件
        extract: false,   //设置成true的话, 保存css的时候不会热更新哦
        // 开启 CSS source maps?
        sourceMap: false,
        // css预设器配置项
        loaderOptions: {
            css: {},
            postcss: {
                plugins: [
                    //remUnit这个配置项的数值是多少呢？？？ 通常我们是根据设计图来定这个值，原因很简单，便于开发。
                    //假如设计图给的宽度是750，我们通常就会把remUnit设置为75，这样我们写样式时，可以直接按照设计图标注的宽高来1:1还原开发。
                    require('postcss-px2rem')({
                        remUnit: 75
                    })
                ]
            }
        },
    },

    configureWebpack: config => {
        config.name = name
    },

    // 设为false打包时不生成.map文件
    productionSourceMap: false,

}
